<template>
  <div>
    <el-menu
      style="width: 200px; height: calc(100vh - 50px);"
      default-active="2"
      class="el-menu-vertical-demo"
      :default-openeds="openeds"
    >
      <el-sub-menu index="1">
        <template #title>
          <el-icon><location /></el-icon>
          <span>系统管理</span>
        </template>
        <el-menu-item index="user">用户管理</el-menu-item>
      </el-sub-menu>
    </el-menu>
  </div>
</template>
<script>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons'
export default {
  name: 'Aside',
  components: {
    Location,
    IconMenu,
    Document,
    Setting
  },
  data () {
    return {
      openeds: ['1'],
      uniqueOpened: false
    }
  },
}
</script>